<h1>[[Products]]</h1>
<div id="productsList" {if $GLOBALS.user_page_uri == "/employer-products/" ||  $GLOBALS.user_page_uri == "/jobseeker-products/"}class="productsList-nl"{/if}>
{if $availableProducts != false}
    {foreach from=$availableProducts item=product key=id name=pr}
        <div class="products {cycle values = 'evenrow,oddrow' advance=true}" >

            <div class="productInfo" > 
                <h3>[[{$product.name}]]</h3>
                <p>[[{$product.short_description}]]</p>
                <a href="{$GLOBALS.site_url}/product-details/?product_sid={$product.sid}">[[Product details]] &#187;</a>
            </div>
            <div class="productLinks">
                <p class="productsPrice">
                    {if $product.pricing_type == 'volume_based'}
                        Starting at <strong>{$GLOBALS.settings.transaction_currency}{$product.price}</strong>
                    {elseif $product.period}
                        {if $product.period_name == 'unlimited'}
                            [[Never Expire]]
                        {else}
                            <strong>{$GLOBALS.settings.transaction_currency}{$product.price}</strong> per <strong>{$product.period} {if $product.period > 1 }[[{$product.period_name|capitalize}s]]{else}[[{$product.period_name|capitalize}]]{/if}</strong>
                        {/if}
                    {else}
                        <strong>{$GLOBALS.settings.transaction_currency}{$product.price}</strong>
                    {/if}
                </p>
                <input type="button" value="[[Buy:raw]]" class="button" onclick="location.href='{$GLOBALS.site_url}/product-details/?product_sid={$product.sid}'" />
            </div>  
        </div>
    {/foreach}
{else}
    <p>[[There is no any Product]]</p>
{/if}
</div>